<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <script src="./requriejs/bower_components/requirejs/require.js"></script>

    <style>
        ul li{
            line-height: 50px;
            height: 50px;
        }
    </style>

    <script>
        requirejs.config({});
        require(['require',"./lib/console","./lib/fastclick"],function(require,_console,FastClick){
            debugger;
            /*
             require 虽然是可以在这个地方用，但是不能再require模块
             否则会报   Uncaught Error: Module name "other" has not been loaded yet for context: _
             var other = require('./other');
             */
            document.querySelector("#testInputClick").addEventListener("click",function(){
                 console.log('click by query selector');
            },false);

            document.querySelector("#testLabelClick").addEventListener("click",function(){
                console.log('label click by query selector');
            },false);
            FastClick.attach(document.body);
        });
    </script>

</head>
<body>
    <ul>
        <li>
            <input id="testInputClick" type="text"/>
        </li>
        <li>
            <label id="testLabelClick">test label</label>
        </li>
    </ul>
</body>
</html>